/**  
* 定义进入动画和退出动画的过程  
* 代表关注的是height的变化，动画的时间是5  
*/  
.choose-time {
	padding: 30rpx 20rpx;
	.month, .content {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}
	.content {
		position: absolute;
		top: 70rpx;
		transition: all .5s;
		&.animation {
			animation: show 1s;
		}
	}
	@keyframes show {
		from {
			opacity: 0;
			transform: translateY(30rpx);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.input {
		width: 100%;
		padding-bottom: 30rpx;
		margin-top: 50rpx;
		color: #FBB000;
		text-align: center;
		border-bottom: 2rpx solid #FBB000;
		font-size: 32rpx;
		font-weight: bold;
		color: #FBB000;
	}
	.days.input {
		width: 100%;
		margin-top: 50rpx;
		color: #FBB000;
		text-align: center;
		font-weight: bold;
		display: flex;
		border: none;
		justify-content: space-between;
		color: #FBB000;
		.text {
			width: 100rpx;
			padding-bottom: 30rpx;
			color: #666666;
		}
		.input-item {
			flex: 1;
			padding-bottom: 30rpx;
			transition: border .5s;
			font-size: 32rpx;
			font-weight: bold;
			color: #333333;
			position: relative;
			border-bottom: 2rpx solid #EEEEEE;
			display: flex;
			justify-content: center;
			&::after {
				content: '';
				position: absolute;
				bottom: -2rpx;
				left: 0rpx;
				width: 0;
				height: 2rpx;
				transition: width .5s;
			}
			&.active {
				&::after {
					width: 100%;
					background-color: #FBB000;
				}
			}
		}
	}
	.top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		.btn {
			width: 190rpx;
			height: 64rpx;
			border-radius: 32rpx;
			background-color: #eee;
			text-align: center;
			line-height: 64rpx;
		}
		.img {
			width: 190rpx;
			height: 63rpx;
		}
		.text {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #FBB000;
		}
	}
	.picker {
		width: 300rpx;
		height: 400rpx;
		margin-top: 80rpx;
		text-align: center;
		&-content {
			height: 100%;
			.item {
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}
}